page {
  --tabs-nav-background-color: transition;
}
.tabs_nav {
  .van-tab--active {
    font-size: 32rpx;
  }
}
.search_warp {
  padding: 0 25rpx;
  .search_box {
    padding-left: 30rpx;
    height: 63rpx;
    background-color: #ffffff;
    border-radius: 99rpx;
  }
  .search_inp {
    font-size: 26rpx;
  }
  .search_right {
    width: 153rpx;
    height: 100%;
    background: linear-gradient(239deg, #53B680, #8ADFB0);
    border-radius: 31rpx;
    color: #ffffff;
    font-size: 28rpx;
  }
  .search_right_hover {
    opacity: 0.8;
  }

  .search_cancel {
    text-align: right;
    transition: width 0.3s;
    white-space: nowrap;
  }

  .isCancelHidden {
    width: 0rpx;
    overflow: hidden;
  }

  .isCancelShow {
    width: 60rpx;
    margin-left: 15rpx;
  }
}


.article {
  height: calc(100vh - var(--height)) ;
  padding: 0 25rpx 20rpx;
  display: flex;
  flex-direction: column;

  .article_warp{
    margin-top: 10rpx;
    flex: 1;
    overflow-y: hidden;
  }
}